<!--
  Generated template for the ProductDetailsPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar>
        <ion-title>详情</ion-title>
    </ion-navbar>

</ion-header>


<ion-content padding>
    <div class="imageBox">
        <img [src]="itemData.imgSrc" alt="" width="100%">
    </div>

    <ion-card no-margin style="width:100%">
        <ion-card-content class="car_cont">
            <ion-row>
                <ion-col col-4 text-center>
                    <ion-icon name="ios-cart-outline"></ion-icon>
                </ion-col>
                <ion-col col-4 text-center>
                    <ion-icon name="ios-camera-outline"></ion-icon>
                </ion-col>
                <ion-col col-4 text-center>
                    <ion-icon name="ios-images-outline"></ion-icon>
                </ion-col>
            </ion-row>
        </ion-card-content>
    </ion-card>
    <ion-card no-margin style="width:100%;margin-top: 1rem;">
        <ion-card-content>
            货号：{{itemData.title}}
        </ion-card-content>
        <ion-card-content>
            价格：{{itemData.price}}
        </ion-card-content>
        <ion-card-content>
            规格：{{itemData.price}}
        </ion-card-content>
    </ion-card>
</ion-content>
<ion-footer>
    <ion-toolbar color="light">
        <div class="footer_bar">
            <div class="carticon" [navPush]="CartPage">
                <ion-icon name="cart" style="padding-top: 6px;"></ion-icon>
                <p>购物车</p>
                <ion-badge color="danger">1</ion-badge>
            </div>
            <div class="addcart" (click)="addCart()">
                加入购物车
            </div>
            <div class="buy">

                立即购买
            </div>
        </div>

    </ion-toolbar>
</ion-footer>